<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/ProductList.css">
</head>
<body>

    <!-- 头部 -->
    <div class="header">
        <div class="w">
            <div class="logo">
                <a href="javascript:void(0);">
                    <img src="./images/logo.svg" alt="">
                    <span>商城</span>
                </a>
            </div>
        <div class="header-right">
            <ul>
                <li><a href="javascript:viod(0);">登录</a></li>
                <li class="space1"></li>
                <li><a href="javascript:viod(0);">注册</a></li>
                <li class="space1"></li>
                <li><a href="javascript:viod(0);">中国大陆 (简体中文 / ¥ CNY)</a></li>
            </ul>
        </div> 
    </div>

    </div>

<!-- 商品部分 -->
<section class="commodity">
    <div class="w">
        <h2 onclick="location.href='cars.html'">去结算</h2>
        <ul class="commodity-list">
            <li>
                <img src="./images/65184e3b-5caa-4434-879b-87f884abedee@retina_small.png" alt="">
                <p>Mavic 2 全能配件包</p>
                <div class="price">¥<span>2399</span></div>
                <button>加入购物车</button>
            </li>
        </ul>
    </div>
</section>


    <!-- footer底部部分 -->
    <div class="footer" style="background-color: #f7f9fa;">
        <div class="w">
            <div class="about-us">
                <div>
                    <img src="./images/truck-moving.svg" alt="">
                    <p>全场满 ¥99 顺丰包邮<br>（顺丰无法配送的区域将使用 EMS）</p>
                </div>
                <div>
                    <img src="./images/credit-card.svg" alt="">
                    <p>支持支付宝、微信、银联、银行转账<br>支持花呗、京东白条和招行分期</p>
                </div>
                <div>
                    <img src="./images/comment-alt-smile.svg" alt="">
                    <p>联系我们：<a href="javascript:void(0);" style="color:#1897f2; text-decoration:none;">在线支持</a></p>
                </div>
                <div>
                <a href="javascript:void(0);" style="color:#1897f2; text-decoration:none;"><img src="./images/newGovIcon.gif" alt=""></a>
                </div>
            </div>
            <div class="page-footer">
                <footer>
                    <div class="foot-items">
                        <h3>商城热卖</h3>
                        <ul>
                            <li><a href="javascript:void(0);">御 Mavic</a></li>
                            <li><a href="javascript:void(0);">晓 Spark</a></li>
                            <li><a href="javascript:void(0);">精灵 Phantom</a></li>
                            <li><a href="javascript:void(0);">灵眸 Osmo</a></li>
                            <li><a href="javascript:void(0);">悟 Inspire</a></li>
                            <li><a href="javascript:void(0);">如影 Ronin</a></li>
                        </ul>
                    </div>
                    <div class="foot-items">
                        <h3>购买指南</h3>
                        <ul>
                            <li><a href="javascript:void(0);">支付方式</a></li>
                            <li><a href="javascript:void(0);">订单帮助</a></li>
                            <li><a href="javascript:void(0);">发货和物流</a></li>
                            <li><a href="javascript:void(0);">退换货条款</a></li>
                            <li><a href="javascript:void(0);">技术支持</a></li>
                            <li><a href="javascript:void(0);">售后服务政策</a></li>
                            <li><a href="javascript:void(0);">DJI 币返利计划</a></li>
                        </ul>
                    </div>
                    <div class="foot-items">
                        <h3>商城项目</h3>
                        <ul>
                            <li><a href="javascript:void(0);">以旧换新</a></li>
                            <li><a href="javascript:void(0);">DJI 大疆商城 App</a></li>
                        </ul>
                    </div>
                    <div class="foot-items">
                        <h3>社区</h3>
                        <ul>
                            <li><a href="javascript:void(0);">天空之城</a></li>
                            <li><a href="javascript:void(0);">DJI 大疆社区</a></li>
                            <li><a href="javascript:void(0);">购机指南</a></li>
                        </ul>
                    </div>
                    <div class="foot-items foot-items-last">
                        <h3>订阅</h3>
                        <p>第一时间了解我们的促销活动、热销产品和最新信息。</p>
                        <div>
                            <input type="text" name="" id=""placeholder="请输入您的邮箱">
                            <button><i class="iconfont">&#xe687;</i></button>
                        </div>
                    </div>
                </footer>
                <div class="www-foot">
                    <div class="www-foot-top">
                        <div class="www-foot-top-left">
                            <a href="javascript:void(0);">
                                <img src="./images/logo.svg" alt="">
                            </a>
                            <a href="javascript:void(0);">关于我们</a>
                            <a href="javascript:void(0);">联系我们</a>
                            <a href="javascript:void(0);">招聘精英</a>
                            <a href="javascript:void(0);">官方旗舰店</a>
                        </div>
                        <div class="www-foot-top-right">
                            <a href="javascript:void(0);" style="width: 42px;"></a>
                            <a href="javascript:void(0);"></a>
                            <a href="javascript:void(0);"></a>
                        </div>
                    </div>
                    <div class="www-foot-bottom">
                        <div class="www-foot-bottom-left">
                            <span class="copy">Copyright © 2021 DJI 大疆创新 版权所有</span>
                            <a href="javascript:void(0);">隐私权政策</a><span class="foot-bottom-circle">·</span>
                            <a href="javascript:void(0);">使用条款</a><span class="foot-bottom-circle">·</span>
                            <a href="javascript:void(0);"> 粤ICP备12022215号-11</a><span class="foot-bottom-circle">·</span>
                            <a href="javascript:void(0);">营业执照</a><span class="foot-bottom-circle">·</span>
                            <a href="javascript:void(0);">网站地图</a>
                        </div>
                        <div class="www-foot-bottom-right">
                            网站问题反馈？
                            <a href="javascript:void(0);">点击这里</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 侧边固定部分 -->
    <div class="aside">
        <div class="aside-top">
            <i class="iconfont icon-arrow-up-bold"></i>
        </div>
        
        <div class="aside-bottom">
            <aside class="notification">
                <p>仍有疑问吗？点我试试。</p>
            </aside>
            <i class="iconfont icon-erji"></i>
        </div>
    </div>
</body>
<script src="./lib/require.js" data-main="./js/ProductList"></script>
</html>